<?php if( ! defined('BASEPATH') ) exit('No direct script access allowed'); ?>

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <title><?php echo $evento->nombre_evento; ?></title>
    <script src="<?php echo base_url() ?>js/vendor/jquery-1.10.1.min.js"></script>
    <style>
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed, 
        figure, figcaption, footer, header, hgroup, 
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }
        @page{
           margin: 0 0 0 0;
           size: 4in 2in;  /* width height */
        }
        @media print {
            .noimprime {
                display:none;
            }
        }
        .noimprime {
            margin-top: 10px;
            margin-left: 5px;
        }
        .corte{
            page-break-after: always;
        }
        body, .contenido {
            margin: 1px;
            height: 185px;
            width:  384px;
            /*overflow: hidden;*/
            /*border: solid 1px;*/
        }
        .fila {
            height: auto;
            width:  auto;
        }
        .centro {
            text-align: center;
        }
        .rotar {
            margin-right: 30px;
            /* Safari */
            -webkit-transform: rotate(-180deg);
            /* Firefox */
            -moz-transform: rotate(-180deg);
            /* IE */
            -ms-transform: rotate(-180deg);
            /* Opera */
            -o-transform: rotate(-180deg);
            /* Internet Explorer */
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }
        .espacio1{
            height:  0px;
        }
        .espacio2{
            height:  0px;
        }
        .espacio3{
            height:  0px;
        }
        .nombre
        {
            text-shadow:1px 1px 1px rgba(115,115,115,1);
            font-weight:bold;
            color:#000000;
            letter-spacing:0pt;
            word-spacing:0pt;
            font-size:20px;
            text-align:center;
            font-family:helvetica, sans-serif;
            line-height:1;
            margin: 5px 0 0 0;
            height: 60px;
            width: 384px;
        }

        .apellidos
        {
            text-shadow:1px 1px 1px rgba(115,115,115,1);
            font-weight:bold;
            color:#000000;
            letter-spacing:0pt;
            word-spacing:0pt;
            font-size:20px;
            text-align:center;
            font-family:helvetica, sans-serif;
            line-height:1;
            margin: 5px 0 5px 0;
        }
        .empresa
        {
            text-shadow:1px 1px 1px rgba(115,115,115,1);
            font-weight:bold;
            color:#000000;
            letter-spacing:0pt;
            word-spacing:0pt;
            font-size:15px;
            text-align:center;
            font-family:helvetica, sans-serif;
            line-height:1;
            margin: 5px 0 3px 0;
            height: 36px;
            width: 384px;
        }
        .con3
        {
            text-shadow:1px 1px 1px rgba(115,115,115,1);
            font-weight:bold;
            color:#000000;
            letter-spacing:0pt;
            word-spacing:0pt;
            font-size:15px;
            text-align:center;
            font-family:helvetica, sans-serif;
            line-height:1;
            margin: 5px 0 3px 0;
            height: 45px;
            width: 384px;
        }

        .contenedor1{
            margin: 0 auto;
        }
        .table
        {
            text-shadow:1px 1px 1px rgba(115,115,115,1);
            font-weight:bold;
            color:#000000;
            letter-spacing:0pt;
            word-spacing:0pt;
            font-size:15px;
            text-align: right;
            font-family:helvetica, sans-serif;
            line-height:1;
            margin: 0;
            right: 15px;
            position: absolute;

        }
        .codigo
        {
            /*text-shadow:1px 1px 1px rgba(115,115,115,1);*/
            font-weight:bold;
            color:#000000;
            letter-spacing:0pt;
            word-spacing:0pt;
            font-size:14px;
            text-align:center;
            font-family:helvetica, sans-serif;
            line-height:1;
            height: 14px;
            width: 384px;
        }
        .parrafos
        {
            font-weight:normal;
            color:#000000;
            letter-spacing:-1pt;
            word-spacing:-1pt;
            font-size:10px;
            text-align:left;
            font-family:verdana, sans-serif;
            line-height:1;
            margin-top: 5px;
            margin-right: 0;
            margin-left: 55px;
            margin-bottom: 0; 
        }
        .codigo_barras{
            height: 45px;
            width:  100%;
        }

    </style>
    <script type="text/javascript">
     (function($) {
        $.fn.textfill = function(options) {
            var fontSize = options.maxFontPixels;
            var ourText = $('span:visible:first', this);
            var maxHeight = $(this).height();
            var maxWidth = $(this).width();
            var textHeight;
            var textWidth;
            do {
                ourText.css('font-size', fontSize);
                textHeight = ourText.height();
                textWidth = ourText.width();
                fontSize = fontSize - 1;
            } while ((textHeight > maxHeight || textWidth > maxWidth) && fontSize > 3);
            return this;
        };
    })(jQuery);

    $(document).ready(function() {
        
        $( ".contenedor" ).each(function() {
            $( this ).textfill({ maxFontPixels: 60 });;
        });
        
        $( ".contenedor2" ).each(function() {
            $( this ).textfill({ maxFontPixels: 60 });;
        });

    });

    </script>
</head>
<body>

    <input class="noimprime" name="imprimir" value="<?php echo 'Imprimir' ?>" onclick="document.close(); window.print();" type="button">
    
    <?php foreach ($datos->result() as $row) : ?>
    
   
    <?php // <div class="espacio1"></div> ?>
    <div class='contenido'>
        <div class="nombre contenedor"><span><?php echo mb_strtoupper(trim($row->nombre), 'UTF-8'); ?><span></div>
        <?php /* <p class="apellidos"><?php  echo strtoupper(trim($row->apellido_pat.' '.$row->apellido_mat)); ?></p> */ ?>
        <div class="empresa contenedor2"><span><?php echo mb_strtoupper(trim($row->apellido_pat.' '.$row->apellido_mat), 'UTF-8'); ?></span></div>
        <div class="con3 contenedor2"><span><?php echo mb_strtoupper(trim($row->texto10), 'UTF-8'); ?></span></div>
        <p class="centro codigo"><?php echo $row->codigo_barras; ?></p>					

     <?php /* <div class="espacio2"></div>

    <div class="fila centro"></div>
    <div class="espacio3"></div>

    if ($multi) : ?>
    <div class="fila rotar">
    <?php if ($conferencias->num_rows() > 0) : ?>
        <?php foreach ($conferencias->result() as $row) : ?>
            <p class="parrafos"><?php echo $row->nombre_confe.'<br/>'.$row->nombre_salon; ?></p>
        <?php endforeach; ?>
    <?php endif; ?>
    </div>
    <?php endif; */ ?>
    </div>
    <div class="corte"></div>
    <div class='contenido'>
        <div class="nombre contenedor"><span><?php echo mb_strtoupper(trim($row->nombre), 'UTF-8'); ?><span></div>
        <?php /* <p class="apellidos"><?php  echo strtoupper(trim($row->apellido_pat.' '.$row->apellido_mat)); ?></p> */ ?>
        <div class="empresa contenedor2"><span><?php echo mb_strtoupper(trim($row->apellido_pat.' '.$row->apellido_mat), 'UTF-8'); ?></span></div>
        <div class="con3 contenedor2"><span><?php echo mb_strtoupper(trim($row->texto10), 'UTF-8'); ?></span></div>
        <p class="centro codigo"><?php echo $row->codigo_barras; ?></p>					

     <?php /* <div class="espacio2"></div>

    <div class="fila centro"></div>
    <div class="espacio3"></div>

    if ($multi) : ?>
    <div class="fila rotar">
    <?php if ($conferencias->num_rows() > 0) : ?>
        <?php foreach ($conferencias->result() as $row) : ?>
            <p class="parrafos"><?php echo $row->nombre_confe.'<br/>'.$row->nombre_salon; ?></p>
        <?php endforeach; ?>
    <?php endif; ?>
    </div>
    <?php endif; */ ?>
    </div>
    <?php endforeach; ?>
</body>
</html>
<?php

/* End of file disenio03.php */

/* Location: /application/views/reportes/disenio_gafetes/disenio03.php */ 